*{
	padding: 0;margin: 0;
}
a{
	text-decoration: none;
	color: white;
}
ul li{
	list-style: none;
}
.clearfix::after{
	content: " ";
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}
#top-wrapper{
	width: 100%;
	height: 640px;
	background-color: lightgoldenrodyellow;
	background: url(../img/top.jpg) center no-repeat;
	background-size: 1920px 640px;
}
.common-topbar{
	width: 100%;
}
.common-topbar-top{
	height: 50px;
	border-bottom: 1px solid #393D40;
}
.common-topbar-nav{
	height: 50px;
	border-bottom: 1px solid #393D40;
}
.common-topbar:hover{
	background-color: #1C2327;
}

/*最顶部*/
.all-nav{
	float: left;
	width: 50px;
	height: 50px;
	background: url(../img/nav/all-nav.png) no-repeat center;
	background-size:37% ;
	border-right: 1px solid #393D40;
}
.inner-gif{
	float: left;
	width: 80px;
	height: 50px;
	margin-left: 15px;
	background: url(../img/nav/logo.png) no-repeat center;
	background-size: 98%;
}
.inner-gif img{
	width: 80px;
	height: 50px;
}
.common-topbar-top-right{
	position: relative;
	float: right;
	width: 655px;
	height: 50px;
	/*background-color: lightblue;*/
}
.common-top-search{
	float: left;
	width: 200px;
	height: 50px;
}
.common-top-search input{
	width: 185px;
	height: 48px;
	border: none;
	margin-top: 1px;
	padding-left: 15px;
	background-color: rgba(67,73,78,0.5);
	color: #ccc;
}
.common-topbar-top-right>span{
	float: left;
	width: 80px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	color: white;
	cursor: pointer;
}
.common-topbar-top-right>ul{
	position: absolute;
	top: 50px;
	left: 200px;
	width: 190px;
	display: none;
	background-color: #272B2F;
	font-size: 14px;
	color: white;
}
.common-topbar-top-right ul:hover{
	display: block;
}
.common-topbar-top-right > ul li{
	margin: 5px 0;
	padding-left: 20px;
	cursor: default;
}
.common-topbar-top-right > ul li:hover{
	color: #00C1DE;
	/*background-color: lightcoral;*/
}
.common-topbar-top-right>span:hover + ul{
	display: block;
}
.common-topbar-top-right > .list{
	float: left;
	width: 375px;
	height: 50px;
}
.list>ul li{
	float: left;
	margin-top: 14px;
	font-size: 15px;
}
.list>ul li a:hover{
	color: #00C1DE;
}
.list>ul li:not(.list-first){
	margin-left: 20px;
}
.list>ul li:first-child{
	width: 70px;
	text-align: right;
	margin-left: 13px;
	background: url(../img/nav/gouwu.png) no-repeat left center;
	background-size: 27%;
}


/*common-topbar-nav*/
.common-topbar-nav ul li{
	float: left;
	margin-left: 32px;
	margin-top: 15px;
	font-size: 14px;
}
.common-topbar-nav ul li a:hover{
	color: #00C1DE;
}
.common-topbar-nav .register{
	float: right;
	width: 120px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: white;
	font-size: 14px;
	background-color:#00C1DE; 
}


/*common-bottombar*/
.common-bottombar{
	width: 100%;
	height: 136px;
	margin-top: 404px;
	background-color: rgba(26,26,26,0.5);
}
.common-bottombar ul{
	width: 1206px;
	height: 134px;
	margin: auto;
}
.common-bottombar ul li{
	float: left;
	width: 200px;
	height: 74px;
	padding: 30px 20px;
	border: 1px solid #32282F;
	border-top: none;
	border-bottom: none;
	color: white;
	font-weight: bold;
}
.common-bottombar ul li p{
	margin-bottom: 5px;
}
.common-bottombar ul li span{
	font-size: 14px;
	line-height: 20px;
	color: gray;
}
.common-bottombar ul li + li{
	border-left: none;
}
.common-bottombar ul li:hover{
	background-color: rgba(39,39,39,0.5);
	cursor: pointer;
}

.right-fixed{
	position: fixed;
	top: 280px;
	right: 17px;
	width: 44px;
	height: 128px;
	background-color: #33CEE6;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 5px #CCCCCC;
}
.right-fixed img{
	margin-top: 7px;
	width: 30px;
}
.right-fixed span{
	display: inline-block;
	width: 14px;
	font-size: 14px;
	color: white;
	line-height: 17px;
}
.Totop{
	position: fixed;
	top: 450px;
	right: 17px;
	width: 44px;
	height: 44px;
	box-shadow: 0 0 5px #CCCCCC;
}
.Totop img{
	width: 44px;
}
